<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
        <title>Netto</title>
    </head>

<body>
<!-- MENU NOVO -->
<div class="img-inicio-propostas">
    <img src="imagens/documentos.jpg" alt=""> 
</div>

<div class="titulo-aba">
    <h2>Propostas</h2>
    <h1>Propostas</h1>
</div>

<nav class="menu">
    <div class="menu-oculto">
        <ul class="nav-menu">
            <li class="nav__menu-intem"><a href="index.html">Início</a></li>
            <li class="nav__menu-intem"><a href="propostas.html">Propostas</a></li>    
            <li class="nav__menu-intem"><a href="news.html">Notícias</a></li>
            <li class="nav__menu-intem"><a href="eventos.html">Eventos</a></li>
            <li class="nav__menu-intem"><a href="contato.html">Contato</a></li>
        </ul>
    </div>

    <ul class="nav-menu2">
        <li id="midia1" class="menu-item"><a href="https://www.instagram.com/nettomarquespa/" target="_blank"><img src="/imagens/instagram-azul.png"></a></li>
        <li id="midia2" class="menu-item"><a href="https://www.facebook.com/nettomarquespa" target="_blank"><img src="/imagens/facebook-azul.png"></a></li>
        <li id="midia3" class="menu-item"><a href="https://www.youtube.com/user/omnetto9" target="_blank"><img src="/imagens/youtube-azul.png"></a></li>
        <li id="midia4" class="menu-item"><a href="https://twitter.com/nettomarquespa?s=09" target="_blank"><img src="/imagens/twitter-azul.png"></a></li>
        <li id="midia5" class="menu-item"><a href="https://t.me/nettomarquespa" target="_blank"><img src="/imagens/telegrama-azul.png" ></a></li>
        <div class="apoia">
            <li class="apoia">
                <a href="https://apoia.org/netto" target="_blank"><img style="max-height:39.5px" src="https://apoia.org/img/shared/bt-apoia-2-2.png" alt=""></a><!--37px-->
            </li>
        </div>
    </ul>

        <div class="logo">
            <img src="/imagens/logo-site.png">
        </div>
</nav>


<!--CORPO SITE -->
<div class="corpo-propostas">
    <div class="proposta-video">
            <img id="fundo" src="/imagens/news.jpg">
    </div>

    <div class="proposta-texto">
            <h3>Sobre</h3>
            <h1>Privatização de espaços públicos deficitários</h1>
            <div class="traco"></div>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum unde iure distinctio cupiditate molestiae saepe fugit expedita eaque animi debitis adipisci iusto consequuntur temporibus aliquam ad, nulla quasi natus! In?</p>
    </div>

    <div class="proposta-video2">
            <img id="fundo" src="/imagens/news.jpg">
    </div>

    <div class="proposta-texto2">
            <h3>Sobre</h3>
            <h1>Aumento da fiscalização do serviço público municipal</h1>
            <div class="traco"></div>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum unde iure distinctio cupiditate molestiae saepe fugit expedita eaque animi debitis adipisci iusto consequuntur temporibus aliquam ad, nulla quasi natus! In?</p>

    </div>
        
    <div class="proposta-video3">
            <img id="fundo" src="/imagens/news.jpg">
    </div>

    <div class="proposta-texto3">
            <h3>Sobre</h3>
            <h1>Seguro anti-corrupção em obras públicas</h1>
            <div class="traco"></div>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum unde iure distinctio cupiditate molestiae saepe fugit expedita eaque animi debitis adipisci iusto consequuntur temporibus aliquam ad, nulla quasi natus! In?</p>

    </div>
</div>
<footer class="footer">  
    <div class="copyright">
            <h1>@2020 Netto Marques.Todos os direitos reservados</h1>
        </div>
</footer>
</body>
</html>